import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";

function _templateObject6() {
  var data = _taggedTemplateLiteral(["\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  right: 8px;\n  bottom: 4px;\n  border-radius: 50%;\n  background: #4f7de7;\n  transform: scale(0.67);\n  z-index: 10;\n  :after {\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -70%) rotate(-45deg);\n    content: \"\";\n    width: 14px;\n    height: 8px;\n    border-bottom: 2px solid #fff;\n    border-left: 2px solid #fff;\n  }\n"]);

  _templateObject6 = function _templateObject6() {
    return data;
  };

  return data;
}

function _templateObject5() {
  var data = _taggedTemplateLiteral(["\n  margin-right: 8px;\n  font-family: MicrosoftYaHei;\n  font-size: 12px;\n  color: #525a6e;\n  text-align: right;\n  line-height: 22px;\n  white-space: nowrap;\n"]);

  _templateObject5 = function _templateObject5() {
    return data;
  };

  return data;
}

function _templateObject4() {
  var data = _taggedTemplateLiteral(["\n  flex: 1;\n  position: relative;\n  box-sizing: border-box;\n  width: calc(100% - 8px);\n  margin-right: 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: flex-start;\n  border: 1px solid #fff;\n  cursor: pointer;\n  .config-item-title {\n    margin-top: 16px;\n    margin-left: 8px;\n  }\n  img {\n    width: 100%;\n    height: auto;\n  }\n  &.selected {\n    background: #fafafa;\n    border: 1px solid rgba(79, 125, 231, 0.5);\n    cursor: pointer;\n  }\n  &.item-disabled {\n    background: #eee;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  &:hover:not(.selected) {\n    border: 1px solid #ccc;\n  }\n"]);

  _templateObject4 = function _templateObject4() {
    return data;
  };

  return data;
}

function _templateObject3() {
  var data = _taggedTemplateLiteral(["\n  margin-top: 5px;\n  position: relative;\n  display: flex;\n  flex-flow: row wrap;\n  align-items: flex-start;\n  .item-outer-wrapper {\n    height: auto;\n    min-width: 271px;\n    margin: 0 0 8px 0;\n    box-sizing: border-box;\n    .bottom-title {\n      height: 20px;\n      text-align: center;\n      font-family: MicrosoftYaHei;\n      font-size: 10px;\n      color: #4f7de7;\n      line-height: 20px;\n    }\n  }\n"]);

  _templateObject3 = function _templateObject3() {
    return data;
  };

  return data;
}

function _templateObject2() {
  var data = _taggedTemplateLiteral(["\n  height: 20px;\n  line-height: 20px;\n  font-family: MicrosoftYaHei;\n  font-size: 12px;\n  color: #b1b1b1;\n  margin: 0;\n"]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  height: auto;\n  position: relative;\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

import styled from "styled-components";
export var ConfigContainer = styled.div(_templateObject());
export var Title = styled.h4(_templateObject2());
export var ContentWrapper = styled.div(_templateObject3());
export var ItemWrapper = styled.div(_templateObject4());
export var ItemTitle = styled.span(_templateObject5());
export var CheckedIcon = styled.div(_templateObject6());